<%@page import="javax.swing.text.Document"%>
<%@page import="java.util.FormatterClosedException"%>
<%@page import="javax.activity.ActivityRequiredException"%>
<%@page contentType="text/html"%>
<%@page pageEncoding="UTF-8"%>
<jsp:useBean id="sesionSTTI" scope="session" class="stti.model.SesionSTTI"></jsp:useBean>
<jsp:setProperty name="sesionSTTI" property="*" />
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
    <head>
        <title>PORTAL STRATEGICA TI</title>
        <!-- CSS Files -->
        <link href="css/reset.css" rel="stylesheet" type="text/css" />
        <link href="css/style.css" rel="stylesheet" type="text/css" />
        <link href="css/stl.css" rel="stylesheet" type="text/css" />
        <link rel="stylesheet" type="text/css" href="css/superfish.css" media="screen" />
        <style type="text/css">
        .sf-sub-indicator {
                behavior: url(css/iepngfix.htc)
        }
        </style>
        <!-- End of CSS Files -->
        <!-- Javascript Files -->
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
        <script type="text/javascript" src="javascript/jquery.cycle.all.js"></script>
        <script type="text/javascript" src="javascript/superfish.js"></script>
        <script type="text/javascript" src="javascript/dd.min.js"></script>
        <script type="text/javascript">
        //<![CDATA[

                        $(document).ready(function()
                        {
                                $('#slider').cycle({
                                                fx: 'fade',
                                                speed: 2000,
                                                timeout: 4000
                                });

                                var ie6 = $.browser.msie && /MSIE 6.0/.test(navigator.userAgent);

                                if (!ie6)
                                {
                                        $('ul.sf-menu').superfish({ 
                                                delay:       1000,                            // one second delay on mouseout 
                                                animation:   {opacity:'show',height:'show'},  // fade-in and slide-down animation 
                                                speed:       'normal'                         // faster animation speed 
                                        }); 			
                                }
                                else
                                {
                                        DD_belatedPNG.fix('#topbar, img, a, .commentbubble, .infobubble, .view-all, #category-picture1, #category-picture2, #category-picture3, #footer');
                                }
                        }); 
                        //]]>

                </script>
        <!-- End of Javascript Files -->
        <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
        <title>JSP Page</title>
    </head>
    <body>
        <div id="wrapper">
            <!-- Top bar -->
            <div id="topbar">
                    <!-- Logo -->
                    <img id='test' class="logo" src="images/logo_40h.png" alt="logo" />
                    <!-- Menu -->
                    <div id="secnav">
                            <ul>
                                    <li> <a href="registro.jsp">REGISTRAR</a> </li>
                                    <li class="noimg"> <a href="login.jsp">LOGIN</a> </li>
                            </ul>
                    </div>
                    <div class="menu">
                            <ul class="sf-menu">
                                    <li> <a  class="on" href="index.jsp">INICIO</a></li>
                                    <li> <a href="productos.jsp">PRODUCTOS</a>					
                                    </li>
                                    <%--<li> <a href="portfolio.html">PORTFOLIO</a>
                                            <ul>
                                                    <li><a href="portfolio.html">WEBDESIGN</a></li>
                                                    <li><a href="portfolio.html">PHOTOS</a>
                                                            <ul>
                                                                    <li class="first"><a href="portfolio.html">NATURE</a></li>
                                                                    <li><a href="portfolio.html">ANIMALS</a></li>
                                                                    <li class="last"><a href="portfolio.html">CITIES</a>
                                                                            <ul>
                                                                                    <li class="first"><a href="portfolio.html">NEW YORK</a></li>
                                                                                    <li><a href="portfolio.html">MONTREAL</a></li>
                                                                                    <li class="last"><a href="portfolio.html">LAS VEGAS</a></li>
                                                                            </ul>
                                                                    </li>
                                                            </ul>
                                                    </li>
                                                    <li class="last"><a href="portfolio.html">ARTS</a></li>
                                            </ul>
                                    </li>
                                    <li> <a href="blog.html">BLOG</a>
                                            <ul>
                                                    <li class="first"><a href="blog.html">CATEGORY ONE</a></li>
                                                    <li><a href="blog.html">CATEGORY TWO</a></li>
                                                    <li class="last"><a href="blog.html">CATEGORY THREE</a></li>
                                            </ul>
                                    </li>
                                    <li> <a href="contact.html">CONTACT</a> </li>
                            </ul>--%>
                    </div>
                    <!-- End of Menu -->
            </div>
            <!-- End of Topbar -->
            <br><h5>Lista de productos</h5>
            <!--Lista de Productos -->
            <div id="categorywrap">
                <div class="category"> <a href="#">REPORTES</a>
                    <p>Controle y administre las llamadas que realiza su compa&ntilde;ia.</p>
                    <div id="category-productoReportes">
                        <div class="view-all"><a href="#">CONOZCA M&Aacute;S</a></div>
                    </div>
                </div>
                <div class="category-middle"> <a href="#">ENCUESTAS</a>
                    <p>Obtenga sus propias m&eacute;tricas de calidad de servicio de forma autom&aacute;tica</p>
                    <div id="category-productoEncuestas">
                        <div class="view-all"><a href="#">CONOZCA M&Aacute;S</a></div>
                    </div>
                </div>
                <div class="category"> <a href="#">REGLAS DE NEGOCIO ATENCI&Oacute;N DE CANAL</a>
                    <p>Aplique reglas de negocio a la atenci&oacute;n del canal telef&oacute;nico
                        de su compa&ntilde;ia.</p>
                    <div id="category-pictureReglasNegocioAtencion">
                        <div class="view-all"><a href="#">CONOZCA M&Aacute;S</a></div>
                    </div>
                </div>
                <div style="padding-top: 20px" class="category"> <a href="#">MONITOREO</a>
                    <p>Monitoree sus llamadas de manera simultanea.</p>
                    <div id="category-pictureMonitoreo">
                        <div class="view-all"><a href="#">CONOZCA M&Aacute;S</a></div>
                    </div>
                </div>
                <div style="padding-top: 20px" class="category-middle"> <a href="#">GRABACIONES</a>
                    <p>Grabe y mantenga un registro de todas las llamadas de su compa&ntilde;ia.</p>
                    <div id="category-pictureGrabacion">
                        <div class="view-all"><a href="#">CONOZCA M&Aacute;S</a></div>
                    </div>
                </div>
                <div class="category"> <a href="#">COMUNICACIONES AUTOM&Aacute;TICAS AL CLIENTE</a>
                    <p></p>
                    <div>
                        <!--<div class="view-all"><a href="#">CONOZCA M&Aacute;S</a></div><-->
                    </div>
                </div> 
                <div class="category"> <a href="#">SOPORTE DE EXPERTOS EN L&Iacute;NEA</a>
                    <p></p>
                    <div>
                        <!--<div class="view-all"><a href="#">CONOZCA M&Aacute;S</a></div><-->
                    </div>
                </div>
                <div class="category-middle"> <a href="#">FILA VIRTUAL CALL CENTER</a>
                    <p></p>
                    <div>
                        <!--<div class="view-all"><a href="#">CONOZCA M&Aacute;S</a></div><-->
                    </div>
                </div>
                <div class="category"> <a href="#">EXPERIENCIA DE CONSUMO Y DE USUARIO</a>
                    <p></p>
                    <div>
                        <!--<div class="view-all"><a href="#">CONOZCA M&Aacute;S</a></div><-->
                    </div>
                </div>
                <div class="category"> <a href="#">WEBPHONO</a>
                    <p></p>
                    <div>
                        <!--<div class="view-all"><a href="#">CONOZCA M&Aacute;S</a></div><-->
                    </div>
                </div>
                <div class="category-middle"> <a href="#">CLICK TO CALL</a>
                    <p></p>
                    <div>
                        <!--<div class="view-all"><a href="#">CONOZCA M&Aacute;S</a></div><-->
                    </div>
                </div>
                <div class="category"> <a href="#">COLEGIO</a>
                    <p></p>
                    <div>
                        <!--<div class="view-all"><a href="#">CONOZCA M&Aacute;S</a></div><-->
                    </div>
                </div>
                <div class="category"> <a href="#">AGENDA WEB</a>
                    <p></p>
                    <div>
                        <!--<div class="view-all"><a href="#">CONOZCA M&Aacute;S</a></div><-->
                    </div>
                </div>
                <div class="category-middle"> <a href="#">WEB CHAT</a>
                    <p></p>
                    <div>
                        <!--<div class="view-all"><a href="#">CONOZCA M&Aacute;S</a></div><-->
                    </div>
                </div>
                <div class="category"> <a href="#">VIDEOCONFERENCIA</a>
                    <p></p>
                    <div>
                        <!--<div class="view-all"><a href="#">CONOZCA M&Aacute;S</a></div><-->
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <!--Fin de Productos -->     
            
            <!-- Footer-->
            <div id="footer">
                    <div class="info"> 2012 Strategica    TI |  DESIGNED AND DEVELOPPED BY <a href="http://www.strategicati.cl/">STTI</a> </div>
                    <div class="infonav"> <a href="index.jsp">HOME</a> | <a href="http://www.strategicati.cl/">ACERCA</a> | <a href="mailto:ventas@strategicati.cl">VENTAS</a> <a href="mailto:informaciones@strategicati.cl">INFORMACIONES</a> </div>
            </div>
            <!-- End of footer-->
        </div>
    </body>
</html>
